﻿<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="Default.aspx.cs" Inherits="ASPNET_Style.Simple.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Default page / Page par défaut</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        
        <%--datasource for demo--%>
        <asp:XmlDataSource ID="DemoXmlDataSource" runat="server" DataFile="~/DemoXmlFile.xml"/>
    
        <table width="100%" cellpadding="5" cellspacing="10" >
            <thead>
                <tr>
                    <th>
                        <asp:HyperLink runat="server" ID="DefaultHyperLink" NavigateUrl="~/Default.aspx">
                            Base page
                            <br />
                            Page de base
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="ControlPropertiesHyperLink" NavigateUrl="~/ControlProperties.aspx">
                            Controls properties
                            <br />
                            Propriétés des controles
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="StylePropetyHylperLink" NavigateUrl="~/StyleProperty.aspx">
                            Control "Style" property
                            <br />
                            Propriété "Style" des controles
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="InlineCSSHyperLink" NavigateUrl="~/InlineCSS.aspx">
                            Inline CSS
                            <br />
                            CSS dans la page
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="FileCSSHyperLink" NavigateUrl="~/FileCSS.aspx">
                            CSS in file
                            <br />
                            CSS dans un fichier
                        </asp:HyperLink>
                    </th>
                    <th>
                        <asp:HyperLink runat="server" ID="CSSClassesHyperLink" NavigateUrl="~/CSSClass.aspx">
                            CSS Classes
                            <br />
                            Classes CSS
                        </asp:HyperLink>
                    </th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <th colspan="6" align="center">
                       asp:HyperLink <asp:HyperLink runat="server" ID="AuthorHyperLink" NavigateUrl="http://www.sambeauvois.be/blog/"
                            Target="_blank">www.sambeauvois.be</asp:HyperLink>
                    </th>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td colspan="6" align="center">
                       <h1>Base page, no styles</h1>
                       <h1>Page de base, pas de styles appliqués</h1>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:Label
                    </td>
                    <td colspan="5">
                        <asp:Label runat="server" ID="EnglishIntroLabel">
                            The page layout is table based, to not interfer with the purpose of this demo wich
                            is to show the different ways to syle asp.net controls.
                            <br />
                            Simple page, no master page, base code is copied between pages
                            <br />
                            This page is the base for all other pages in this project, we will add just style
                            informations.
                        </asp:Label>
                        <br />
                        <hr />
                        <br />
                        <asp:Label runat="server" ID="FrenchIntroLabel">
                            Le layout de cette page est volontairement créé avec des tableaux, pour ne pas interférer
                            avec le but de cette démo qui est de montrer les différentes manières de styliser
                            les controles asp.net.
                            <br />
                            Page simple, pas de master pages, le code de la page est copié entre les différentes pages du projet.
                            <br />
                            Cette page est la base pour toutes les pages du projet, nous n'ajouterons que du
                            style sur les autres pages.
                        </asp:Label>
                    </td>
                </tr>
                <tr>
                    <td colspan="6">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:TextBox
                    </td>
                    <td colspan="2">
                        <asp:TextBox runat="server" ID="DemoTextBox">Demo</asp:TextBox>
                    </td>
                    <td>
                        asp:Button
                    </td>
                    <td colspan="2">
                        <asp:Button runat="server" ID="DemoButton" Text="Demo" />
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:Calendar
                    </td>
                    <td colspan="2">
                        <asp:Calendar runat="server" ID="DemoCalendar"></asp:Calendar>
                    </td>
                    <td>
                       asp:BulletedList
                    </td>
                    <td colspan="2">
                        <asp:BulletedList runat="server" ID="DemoBulletedList"
                         DataSourceID="DemoXmlDataSource"
                         DataTextField="Name"
                         DataValueField="Value"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:CheckBox
                    </td>
                    <td colspan="2">
                        <asp:CheckBox runat="server" ID="DemoCheckBox" Text="Demo" />
                    </td>
                     <td>
                        asp:RadioButton
                    </td>
                    <td colspan="2">
                        <asp:RadioButton runat="server" ID="DemoRadioButton1" Text="Demo 1" GroupName="Demo" />
                        <asp:RadioButton runat="server" ID="DemoRadioButton2" Text="Demo 2" GroupName="Demo" />
                        <asp:RadioButton runat="server" ID="DemoRadioButton3" Text="Demo 3" GroupName="Demo" />
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:Image
                    </td>
                    <td colspan="2">
                        <asp:Image runat="server" ID="DemoImage" ImageUrl="~/demo.png" />
                    </td>
                    <td>
                        asp:Login
                    </td>
                    <td colspan="2">
                        <asp:Login runat="server" ID="DemoLogin" />
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:GridView
                    </td>
                    <td colspan="2">
                        <asp:GridView ID="GridView1" runat="server" DataSourceID="DemoXmlDataSource" />
                    </td>
                    <td>
                        asp:FormView
                    </td>
                    <td colspan="2">
                        <asp:FormView ID="DemoFormView" runat="server" DataSourceID="DemoXmlDataSource" AllowPaging="True">
                            <ItemTemplate>
                                Name:
                                <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Name") %>' />
                                <br />
                                Value:
                                <asp:Label ID="ValueLabel" runat="server" Text='<%# Eval("Value") %>' />
                                <br />
                            </ItemTemplate>
                        </asp:FormView>
                    </td>
                </tr>
                <tr>
                    <td>
                        asp:DetailsView
                    </td>
                    <td colspan="2">
                        <asp:DetailsView runat="server" ID="DemoDetailsView" DataSourceID="DemoXmlDataSource"
                            AllowPaging="true" />
                    </td>
                    <td>
                        asp:SiteMapPath
                    </td>
                    <td colspan="2">
                        <asp:SiteMapPath runat="server" ID="DemoSiteMapPath" />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    </form>
</body>
</html>
